<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
<%@ include file="/decorators/taglib.jsp"%>
<html>
<header>
<script>
$(function(){
	
	
});
</script>
<style>
.exppanelh
{
    
	margin: 5px 0 0;
	line-height: 20px;
    height:20px;
	text-align:left;
	border:1px solid #a1a1a1;
	padding:5px 20px; 
	width:250px;
	border-radius:5px;
	-moz-border-radius:5px; /* 老的 Firefox */
    background: #99aabb; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #99aabb 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#99aabb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #99aabb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #99aabb 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #99aabb 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(45deg,  #99aabb 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99aabb', endColorstr='#ffffff',GradientType=1 ); 
	
}
.exppanelh a
{
 color:#FFFFFF;
}
.exppanelb
{
	text-align:left;
	border:1px solid #a1a1a1;
	padding:5px 20px; 
	width:250px;
	height:200px;
	border-radius:5px;
	-moz-border-radius:5px; /* 老的 Firefox */
	
}
#tab tr, td {
    border-top: 0px solid #E7E7E7;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 12px;
    font-weight: normal;
    height: 1px;
    line-height: 40px;
    text-indent: 6px;
}

</style>
</header>
<body>
<c:forEach items="${menuList}" var="datas">
  <c:if test="${(datas.id != 1) && (datas.parentid==0)}">
  <section id="${datas.id}">
      <div class="page-header">
            <h1><fmt:message key="${datas.name}" /></h1>
      </div>
	 
	  <table>
	   <tr height="1px"><td width="25%" height="1px"></td><td width="25%"></td><td width="25%"></td><td width="25%"></td></tr>
	   <% int total = 0; %>
	   <c:forEach items="${menuList}" var="dataa">
	      
	       <c:if test="${dataa.parentid == datas.id}">
		   <% total++; %>
		 
					<% if(total%4 == 1){%>
						 <tr>
					<%}%>
					<td>
					<div class="exppanelh"><a><fmt:message key="${dataa.name}" /></a></div>
						<div class="exppanelb"> <%=total%>  Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
					  </td>
					<% if(total%4 == 0) { %>
						 </tr>
					<%}%>
			</c:if>	
		 </c:forEach>
	  </table>
	 
	 </section>
	 </c:if>
</c:forEach>
</body>
</html>
           